import React from 'react';

interface StatusBarProps {
  configPath: string;
}

export const StatusBar: React.FC<StatusBarProps> = ({ configPath }) => {
  return (
    <footer className="bg-gray-50 border-t border-gray-200 px-4 py-2">
      <div className="max-w-4xl mx-auto">
        <div className="flex items-center justify-between text-xs text-gray-500">
          <div className="flex items-center space-x-3">
            <div className="flex items-center space-x-1.5">
              <div className="w-1.5 h-1.5 bg-green-500 rounded-full"></div>
              <span>配置已就绪</span>
            </div>
            <div className="flex items-center space-x-1.5">
              <svg className="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
              </svg>
        
            </div>
          </div>
          
          <div className="flex items-center space-x-3">
         
          </div>
        </div>
      </div>
    </footer>
  );
};